<template>
  <div class="dashboard-container">
    <!-- <collect
      :value="like"
      :mylove="love"
      @changeAixin="love=$event"
      @input="like=$event"
    /> -->
    <!-- <collect
      v-model="like"
      :mylove="love"
      @update:mylove="love=$event"
    /> -->
    <collect
      v-model="like"
      :mylove.sync="love"
    />
  </div>
</template>
<script>
// 应用场景： 父亲的某个数据要传给儿子，儿子又要改变他
// 组件的 v-model  value="变量" @input="变量=$event"
// 一个组件只能有一个v-model
import collect from './components/collect.vue'
export default {
  name: 'Dashboard',
  components: {
    collect
  },
  data() {
    return {
      love: false,
      like: false
    }
  }
}
</script>
<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
